<template>
  <!-- fragment是一个虚拟的  虚幻的 组件， 用来顶替根组件 -->
  <fragment>
    ...各种dom元素
    <User></User>
  </fragment>
</template>

<script>

/*
  在 Vue2 中每个组件必须有一个根标签，这样性能方面稍微有点问题，如果每一个组件必须有根标签，组件嵌套组件的时候，有很多无用的根标签。

  在 Vue3 中每个组件不需要有根标签。实际上内部实现的时候，最终将所有组件嵌套好之后，最外层会添加一个Fragment，用这个 fragment 当做根标签。这是一种性能优化策略。
*/

import User from './components/User.vue'

export default {
  name: 'App',
  components: { User }
} 
</script>